<div id="mainContent" class="omega grid_13">

    <?php
    isset($tamogato_data) ? $form_title = 'Támogató szerkesztése' : $form_title = 'Támogató felvétele';
    ?>

    <h1><?php echo $form_title ?></h1>

    <?php
    // ha nincs beolvasva adatbázisból, vagy már szerkesztettük
    if (!isset($tamogato_data->tamogato_nev) || $tamogato_data->tamogato_nev != set_value('tamogato_nev') && set_value('tamogato_nev') != '') {
        $tamogato_data->tamogato_nev = set_value('tamogato_nev');
    }
    if (!isset($tamogato_data->tamogato_url) || $tamogato_data->tamogato_url != set_value('tamogato_url') && set_value('tamogato_url') != '') {
        $tamogato_data->tamogato_url = set_value('tamogato_url');
    }
    if (!isset($tamogato_data->tamogato_kep_url) || $tamogato_data->tamogato_kep_url != set_value('tamogato_kep_url') && set_value('tamogato_kep_url') != '') {
        $tamogato_data->tamogato_kep_url = set_value('tamogato_kep_url');
    }
    if (!isset($tamogato_data->tamogato_suly) || $tamogato_data->tamogato_suly != set_value('tamogato_suly') && set_value('tamogato_suly') != '') {
        $tamogato_data->tamogato_suly = set_value('tamogato_suly');
    }
    if (!isset($tamogato_data->tamogato_lathato) || $tamogato_data->tamogato_lathato != set_value('tamogato_lathato') && set_value('tamogato_lathato') != '') {
        $tamogato_data->tamogato_lathato = set_value('tamogato_lathato');
    }

    // a két radio buttonnak mindenképpen kell adni értéket, ha nincs neki.
    if ($tamogato_data->tamogato_suly == "") {
        $tamogato_data->tamogato_suly = "0";
    }
    if ($tamogato_data->tamogato_lathato == "") {
        $tamogato_data->tamogato_lathato = "0";
    }

    if (!isset($tamogato_data->tamogato_id)) {
        echo form_open("admin/tamogatok/add_tamogato");
        // ha új tamogato, nem lesz user_id így csinálunk egyet, mert kell a scripthez
        $tamogato_data->tamogato_id = "''";
    } else {
        echo form_open("admin/tamogatok/update_tamogato/$tamogato_data->tamogato_id");
    }
    ?>

    <fieldset>
        <legend>Add meg a támogató adatait. A csillaggal jelölt mezők kitöltése kötelező!</legend>
        <label class="lf must">
            <span class="inputLabel">
                Támogató neve
            </span>
            </span>
            <span class="inputWrap">
                <input class="" type="text" name="tamogato_nev" value="<?php echo $tamogato_data->tamogato_nev; ?>" />
            </span>
            <span class="validate_error"><?php echo form_error('tamogato_nev'); ?></span> 
        </label>

        <label class="must">
            <span class="inputLabel">
                Támogató logója/képe
            </span>
            <span class="field_desc">(pontosan 214x214px méretű kép)
                <?php if ($tamogato_data->tamogato_kep_url != ""): ?>
                    <span class="deleteInfo" id="kep_url_visible" style="display: none;"></span>
                <?php else: ?>
                    <span class="deleteInfo" id="kep_url_visible">nincs megadva.</span>
                <?php endif; ?>
            </span>
            <span class="inputWrap">
                <!-- direkt van itt a loader a gomb előtt -->
                <img id="file_uploader_waiting" src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />
                <input id="browse_picture_button" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Kép tallózása" />
                <input id="kep_url" name="tamogato_kep_url" value="<?php echo $tamogato_data->tamogato_kep_url ?>" type="hidden" class="lf" class="lf deleteValue" />
            </span>
            <span class="preview  previewIt">
                <a href="#" class="deleteBtn" style="display: none;">
                    <img  src="<?php echo base_url(); ?>admin_style/assets/delete.png" width="40" height="40" alt="Törlés"  />
                </a>
                <img id="image_preview" class="deletePic" <?php
                if ($tamogato_data->tamogato_kep_url != "")
                    echo "src=\"$tamogato_data->tamogato_kep_url\"";
                else
                    echo "style=\"display: none;\" src=\"\"";
                ?> width="" height="" />
            </span>
            <span class="validate_error"><?php echo form_error('tamogato_kep_url'); ?></span> 
        </label>
        <div id="image_browser_window" title="Galéria">
            <div id="image_browser" class="videoPreview">
            </div>
        </div>

        <label class="lf must">
            <span class="inputLabel">
                Támogató URL-je
            </span>
            <span class="inputWrap">
                <input class="" type="text" name="tamogato_url" value="<?php echo $tamogato_data->tamogato_url; ?>" />
            </span>
            <span class="validate_error"><?php echo form_error('tamogato_url'); ?></span> 
        </label>

        <label class="lf">
            <span class="inputLabel">
                Hol helyezkedjen el a támogató logója?
            </span>
            <span class="field_desc">
               (Melyik hírelem helyére kerüljön be? pl. 11) 
            </span>
            <span class="inputWrap">
                <input class="" type="text" name="tamogato_suly" value="<?php echo $tamogato_data->tamogato_suly; ?>" />
            </span>
            <span><?php echo form_error('tamogato_suly'); ?></span> 
        </label>



        <div id="sponsorOnOff" class="styledRadioSet labelLike lf">
            <span class="inputLabel">
                Látható legyen?
            </span>
            <label id="sponsorOnBtn" for="on" class="tooltip" title="Hirdetés bekakpcsolása"> 
                <img src="<?php echo base_url(); ?>admin_style/assets/icons/tick_48.png" width="48" height="48" alt="type1" />
                <input id="on" class="" name="tamogato_lathato" type="radio" value="1" <?php if ($tamogato_data->tamogato_lathato == '1')
                         echo "checked" ?> />
            </label>
            <label id="sponsorOffBtn" for="off" class=" tooltip" title="Hirdetés kikapcsolása"> 
                <img src="<?php echo base_url(); ?>admin_style/assets/icons/stop_48.png" width="48" height="48" alt="type2" />
                <input id="off" class="" name="tamogato_lathato" type="radio" value="0" <?php if ($tamogato_data->tamogato_lathato == '0')
                       echo "checked" ?> />
            </label>

        </div>

    </fieldset>

    <input id="submit_button" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Mentés" />
</form>   

<!-- ui dialog -->


</div>
<script type="text/javascript" charset="utf-8">    
    // tinmyce
    $(document).ready(function() {   
        
        // fejléc kép tallózás
        $('#browse_picture_button').click(function() {
            $("#file_uploader_waiting").show(500);  
            init_finder();
            $( "#image_browser_window" ).dialog('open');

            file_dialog = $( "#image_browser_window" ).dialog({
                resizable: false,
                width:640,
                height:480,
                modal: true,
                beforeClose: function(){
                    $("#file_uploader_waiting").hide(500); 
                }
            }); 
            
            return false;
        });
        
        // képméret lekérdezése
        function get_image_size(url){
            var size = false;
            $.ajax({
                url: '<?php echo site_url('admin/gallery/get_picture_size'); ?>',
                data: {
                    // elküldjük az id-t, mert adatokat várunk vissza
                    image_url : url
                },
                dataType: 'json',
                type: 'post',
                async: false,
                success: function (data) {
                    size = data;
                },
                error: function(XMLHttpRequest, textStatus, errorThrown){
                    alert("Hiba történt: " + errorThrown.toString());
                }
            });
            return size;
        }
        
        // ellenőrzés, hogy van-e azon a pozíción már támogató,
        // és melyik
        $('input[name="tamogato_suly"]').keyup(function(){
            // így fogjuk elérni
            var wInputField = $(this);
            // ajax hívás
            $.ajax({
                url: '<?php echo site_url('admin/tamogatok/ajax_exists_at_position'); ?>',
                data: {
                    position : wInputField.attr('value'),
                    reg_id : <?php echo $tamogato_data->tamogato_id; ?>
                },
                dataType: 'json',
                type: 'post',
                success: function (data) {
                    $('#form-error').hide(500);
                    if(data.free == 'true'){
                        // leszedjük az attributumokat minden ok
                        wInputField.parent().next().html("Ez a pozíció szabadnak t\u0171nik.");
                        wInputField.removeClass('bad');
                        $('#submit_button').removeAttr("disabled");
                    }else{
                        // foglalt a dolog.
                        wInputField.addClass('bad');
                        wInputField.parent().next().html('Ezen a pozíción már a(z) ' + data.tamogato_nev + ' támogató van. Kérlek válassz mást.');
                        $('#submit_button').attr("disabled", "disabled");

                    }
                },
                error: function(XMLHttpRequest, textStatus, errorThrown){
                    $('#form-success').hide(500);
                    $('#form-error').html("Hiba: " + errorThrown.toString()).show(500);
                }
            });
        });
        
        // finder inicializálás tamogato FEJLÉCKÉPRE
        function init_finder(){
            $('#image_browser').elfinder({
                url : '<?php echo site_url('admin/gallery/connect/tamogatok') ?>',
                lang : 'hu',
                places : '',
                autoReload : '10',
                closeOnEditorCallback : false,
                editorCallback : function(url){
                    // get image info
                    var image_size = get_image_size(url);
                    // check image size
                    if(image_size.width == '214' && image_size.height == '214'){
                        $("#image_preview").show(500).attr('src', url);
                        $("#kep_url").val(url);
                        $("#kep_url_visible").hide().html("");
                        $( "#image_browser_window" ).dialog("close");
                    }else{
                        $("#kep_url_visible").show(500).html("nincs megadva.");
                        $("#kep_url").val("");
                        $("#image_preview").hide(500).attr('src', '');
                        alert('A kiválaszott kép mérete nem megfelel\u0151. A megfelel\u0151 képméret: 214x214');
                    }
                }
            });
        }

    });
    
</script>
